<template>
  <div class="w-screen h-screen flex justify-center items-center z-0 bg-img">
    <div class="bg-global">
      <img src="@/assets/img/login/global.png" class="global-img" />
    </div>
    <login-input />
  </div>
</template>

<script>
import { defineComponent } from 'vue';
import LoginInput from './components/login-input/login-input.vue';

export default defineComponent({
  components: {
    LoginInput,
  },
});
</script>

<style lang="scss">
.bg-img {
  position: relative;
  background-image: url('@/assets/img/login/bg.png');

  .bg-global {
    width: 700px;
    height: 700px;
    position: absolute;
    .global-img {
      filter: blur(0.5px);
    }
  }
}
</style>
